<template>
    <div>
        <h1>父组件</h1>
        <!-- 在页面中使用子组件， -->
        <my-button type="primary" size="small">1</my-button>
        <my-button type="danger" size="middle">2</my-button>
        <my-button type="success" size="large">3</my-button>
    </div>
</template>

<script>
    //使用子组件步骤：1.引入子组件；2.在template中使用
    import MyButton from "../components/MyButton.vue";
    const options = {
        //引入子组件
        components:{
            MyButton
        }
    };
    export default options;
</script>

<style>
    div {
        background-color: bisque;
        width: 100%;
        height: 200px;
    }

    h1{
        font-family: 华文行楷;
    }
</style>